<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分页</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
</head>
<body>
<table class="layui-hide" id="table" lay-filter="book"></table>
</body>
<script src="/static/layui/layui.js"></script>
<script>
    layui.use(['element','layer','jquery','table'],function (){
        var element = layui.element
            ,layer=layui.layer
            ,$=layui.jquery
            ,table=layui.table;

        table.render({
            elem:"#readerinfo",
            url:"/api/admin/selectAll",
            page:true,
            title: '信息表',
            toolbar: '#toolbarDemo',
            defaultToolbar:[],
            method: 'post',
            id:'readerlist',
            skin: 'line ', //表格风格 line （行边框风格）row （列边框风格）nob （无边框风格）
            even: true ,   //隔行换色
            cols : [[
                {type: 'radio', fixed: 'left'},
                {filed:'aid',title:'编号',templet:function (item){return item.aid;}},
                {filed:'aname',title:'姓名',templet:function (item){return item.aname;}},
                {filed:'apwd',title:'密码',templet:function (item){return item.apwd;}},
                {filed:'realname',title:'真实姓名',templet:function (item){return item.realname;}}
            ]]
            ,parseData : function (rs) {
                //数据格式解析
                return {
                    "code": rs.code, //解析接口状态
                    "msg": rs.msg,//解析提示文本
                    "count": rs.data.total,//解析数据长度
                    "data": rs.data.list//解析数据列表
                }
            }
            , response: {
                statusCode: 200, //规定成功的状态码，默认：0
            },
            done: function (res, curr, count) {//回调
                //如果是异步请求数据方式，res即为你接口返回的信息。
                //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                console.log(res);
                //得到当前页码
                console.log(curr);
                //得到数据总量
                console.log(count);
            }
        })
        //搜索
        $("#find").click(function () {
            table.reload('readerlist', {
                where: {
                    name: $("#aname").val(),
                    language: $("#language").val(),
                }
            });
        });
    })
</script>
</html>